<!doctype html lang="pt-br">
<html>

	<head>
		<meta charset="utf-8"/>
		<title>Moto Certo</title>
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
                <base href="{base_url}{base_template_site}">
        <link rel="stylesheet" media="all" href="css/resset.css"/>
	<link rel="stylesheet" media="all" href="css/geral.css"/>
        <link rel="stylesheet" media="all" href="css/form.css"/>
        <link rel="stylesheet" media="all" href="css/anunciar.css"/>
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<!-- Mobile Safari maximum-scale=1 to fixe the bug auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
	<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script src="js/menu.js"></script>
        <script src="js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
        <script type="text/javascript">
            jQuery(function($){
                $("#cpf").mask("999.999.999-99");
                $("#telefone").mask("(99) 9999-9999");
                $("#cep").mask("99999-999");
            });
        </script>
        
        <script>
            $(window).load(function(){
                $("#from_cad_contato").fadeIn();
				$("#nome").focus();
                
                $("#submit").click(function(a){
                    a.preventDefault();
                    var obj = this;
                    var nome = $("#nome").val();
                    var email = $("#email").val();
                    var telefone = $("#telefone").val();
                    var mensagem = $("#mensagem").val();
                    //var value = $(this).attr('value');
                    $.ajax({
                        //url: base_cms+"contato/status",
                        url: "{base_url}motocerto/contato/gravar",
                        type: "POST",
                        data: {
                            'nome' : nome,
                            'email' : email,
                            'telefone' : telefone,
                            'mensagem' : mensagem
                        },
                        dataType: "json",
                        beforeSend: function(){
                            $(obj).addClass('load');
                        },
                        
                        success: function(data) {
                            if(data.cod == 999){
                                //$(obj).attr('class',data.lida_icon);
                                /// MENSAGEM ENVIADA COM SUCESSO
                                $('#msg').fadeOut(50);
                                $('#msg').attr('class','color009900');
                                $('#msg').html(data.msg);
                                $('#msg').fadeIn(300);
                                //$("#from_cad_contato :input").fadeOut();
                                $("#from_cad_contato :input").removeClass('borderAviso');
                                $("#submit").fadeOut();
                                $("#from_cad_contato").fadeOut();
                                $('.texto-descricao-1').html("Seu contato foi enviado com sucesso!");
                                
                            }else{
                                $.each(data.campos, function(index) {
                                    $("#from_cad_contato :input").removeClass('borderAviso');
                                    $("#"+data.campos[index]).addClass('borderAviso');
                                    $("#"+data.campos[index]).focus();
                                    
                                    $('#msg').fadeOut(50);
                                    $('#msg').attr('class','colorC00');
                                    $('#msg').html(data.msg);
                                    $('#msg').fadeIn(300);
                                    
                                    exit;
                                });
                            } 
                        }
                    });
                });
            });
        </script>
        
        </head>
	
	<body>
	  {include_header}
      <div class="wrapper">
      	<header class="nav-option">
            <h1 class="breadcrumb-title">Entre em Contato</h1> 
         </header>
          <div class="content">
          	<p class="texto-descricao-1">Entre em contato conosco para obter informações sobre anúncios, ferramentas para revenda etc.</p> 

           
           <form class="form1" id="from_cad_contato">
            
            <fieldset>
                <legend class="title-form-1">Dados de Contato</legend>   
            <hr>
            <label><strong>MSN:</strong> motocerto@motocerto.com.br</label><br>
            <label><strong>Email:</strong> motocerto@motocerto.com.br</label><br>
            <label><strong>Telefone:</strong> (016) 9163-1794</label><br><br><br><br><br>
            
                
            </fieldset>
            <fieldset>
            <legend class="title-form-1">Formulário de Contato</legend>   
            <hr>
            
            	<div id="msg" style="display: none; margin:0 0 15px 0;"></div>
            
                <label for="nome"><strong>Nome:</strong></label><br>
                <input type="text" name="nome" id="nome" style="width: 350px;"><br>
                <span class="input-info">Digite seu nome.</span>
                <br>
                <br>
                
                
                <label>
                <input type="radio" value="revenda" name="tipo" >
                        Revenda</label>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <label>
                    <input type="radio" value="particular" name="tipo">
                            Particular</label>

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <label>
                    <input type="radio" value="outro" name="tipo">
                            Outro</label>
                <br>
                

                <label for="email"><strong>Digite seu email:</strong></label><br>
                <input type="email" name="email" id="email" required  style="width: 350px;"><br>
                <span class="input-info">Digite seu endereço de Email</span>
                <br>
                <br>
                

                <label for="telefone"><strong>Telefone:</strong></label><br>
                <input type="text" name="telefone" id="telefone" max="10"><br>
                <span class="input-info">Informe apenas números do seu celular incluindo o DDD.</span>
                <br>
                <br>

                
                <label for="cep"><strong>CEP:</strong></label><br>
                <input type="text" name="cep" id="cep" max="8" required><br>
                <span class="input-info">Digite apenas números.</span>
                <br>
                <br>
                
                <label for="cidade"><strong>Mensagem:</strong></label><br>
                <textarea required name="mensagem" id="mensagem" ></textarea><br>

              <button class="botao-azul" id="submit" style="height: 29px;width: 110px; margin-top: 30px;float:right;">Enviar</button>
            </fieldset>
            
            </form>

            <div style="clear:both"></div>
 
          </div>
        </div>

        {include_footer}
        
      
	</body>
	
</html>